import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
// 为了方便svg图标的使用，已经将svg的使用封装成了组件
Vue.component('svg-icon', SvgIcon)

// 匹配所有.svg的后最文件，全部导入
// require.context('要导入哪个目录',是否查找之目录，3.要匹配文件的正则)
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

// svg 图标（矢量图）

// 特点：1.可以任意放大缩小不失真
//       2.可以设置颜色
// svg-sprites(svg-精灵图)
// sprites:精灵图缺点-放大缩小会失真，添加修改一个小图标比较麻烦,都得通过背景定位来拿
// svg-sprites:1.保证性能，加载效率高 2.放大缩小不失真 3.使用起来方便，通过id进行标记查找
